<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>About</title>
<link rel="stylesheet" href="../resources/css/style.css" type="text/css">
<link rel="stylesheet" type="text/css" href="../resources/css/jquery.datetimepicker.css"/>
</head>
<body>
	<div id="header">
		<div>
			<div id="logo">
				<a href="home"><img src="../resources/images/logo.png" alt="LOGO"></a>
			</div>
			<ul id="navigation">
				<li><a href="<c:url value="/home"/>">Trang chủ</a></li>
				<li><a href="<c:url value="/about"/>">Giới thiệu</a></li>
				<li><a href="<c:url value="/login"/>">Liên hệ</a></li>
				<li class="selected"><a href="<c:url value="/roomlist"/>" >Phòng</a></li>
				<li><a href="<c:url value="/login"/>">Quản trị</a></li>
			</ul>
		</div>
	</div>
	<div id="contents">
		<div>
			<div class="body" id="gallery">
			<div class="bs-example">
              <ul class="breadcrumb">
                <li class="active">Xem thông tin phòng</li>
              </ul>
            </div>
<!-- 				<div class="panel panel-warning" style="width: 50%; float: left;"> -->
<!-- 					<div class="panel-heading"> -->
<!-- 						<h3 class="panel-title">Chọn ngày</h3> -->
<!-- 					</div> -->
<!-- 					<div class="panel-body"> -->
<!-- 						<div class="form-group"> -->
<%-- 							<form action="../booking" method="POST"> --%>
<!-- 								<p class="help-block">Giờ vào</p> -->
<!-- 								<input class="form-control2" name="in_date"> -->
<!-- 								<p class="help-block">Giờ ra</p> -->
<!-- 								<input class="form-control2" name="out_date"> <input -->
<%-- 									type="hidden" name="room_id" value="${room.room_id}" /> --%>
<!-- 									<p class="help-block">Tên khách hàng</p> -->
<!-- 									<input class="form-control" name = "customer_name"> -->
<!-- 									<p class="help-block">Số điện thoại</p> -->
<!-- 									<input class="form-control" name = "customer_phone"> -->
<!-- 									<input -->
<!-- 									type="hidden" name="verify" value="0" />  -->
<!-- 									<p class="help-block">Số người</p> -->
<!-- 									<input class="form-control" name = "number"><br> -->
<!-- 								<button class="btn btn-warning" type="submit">Xác nhận</button> -->
<%-- 							</form> --%>
<!-- 						</div> -->
<!-- 					</div> -->
<!-- 				</div> -->
				
								<div class="panel panel-warning" style="width: 100%; float: right;">
					<div class="panel-heading">
						<h3 class="panel-title">Thông tin phòng ${room.room_id}</h3>
					</div>
					<div class="panel-body">
						<p>Giá tiền:  ${room.room_price} VND</p>
						<p>Loại phòng:  ${room.room_type}</p>
						<p>Tầng:  ${room.room_floor}</p>
					</div>
				</div>
			</div>

		</div>
	</div>
	<div id="footer">
		<div>
			<div id="links">
				<div class="showroom">
					<h4>Hãy đến thử 1 lần</h4>
					<a href="gallery.html"><img
						src="../resources/images/show-room.png" alt="Img"></a>
					<p>
						Ở đâu đó trên Quốc lộ 3<br> Phường Tân Thịnh, TP Thái Nguyên<br>
						<br> 0988-888-888<br> <br> <a href="index.html">info@giahanhotel.com</a>
					</p>
				</div>
				<div>
					<h4>Tin tức cũ hơn</h4>
					<ul class="posts">
						<li><span class="time">Apr 16</span>
							<p>
								<a href="blog.html">CEO Cao Hoài Việt</a> Có tiền là sẽ có tất
								cả. Yeahhhhhhhhhhhhhh
							</p></li>
						<li><span class="time">Apr 15</span>
							<p>
								<a href="blog.html">Đặt chuẩn khách sạn 5 sao</a> Chém gió thôi,
								5 sao rưỡi ý mà :))))))))))
							</p></li>
						<li><span class="time">Apr 14</span>
							<p>
								<a href="blog.html">Làm sao để chiều lòng khách hàng</a> Sạch
								sẽ, đẹp đẽ, giá OK là được
							</p></li>
					</ul>
				</div>
				<div>
					<form action="#" method="post" id="newsletter">
						<h4>Đăng kí nhận thông tin mới nhất</h4>
						<input type="text" value="Nhập email tại đây"
							onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}"
							onFocus="javascript:if(this.value==this.defaultValue){this.value='';}">
						<input type="submit" value="Đăng kí" class="btn2" />
					</form>
					<div id="connect">
						<h4>Mạng cộng đồng</h4>
						<a href="http://freewebsitetemplates.com/go/facebook/"
							target="_blank" class="facebook"></a> <a
							href="http://freewebsitetemplates.com/go/googleplus/"
							target="_blank" class="googleplus"></a> <a
							href="http://freewebsitetemplates.com/go/twitter/"
							target="_blank" class="twitter"></a>
					</div>
				</div>
			</div>
			<ul class="navigation">
				<li><a href="home">Trang chủ</a></li>
				<li><a href="about">Giới thiệu</a></li>
				<li><a href="contact">Liên hệ</a></li>
				<li><a href="book">Đặt phòng</a></li>
				<li><a href="login">Quản trị</a></li>
			</ul>
			<p id="footnote">© Copyright 2014. All Rights Reserved. Đại học
				công nghệ Giao thông vận tải Thái Nguyên</p>
		</div>
	</div>
</body>
<script type="text/javascript" src="../resources/js/jquery.js"></script>
<script type="text/javascript" src="../resources/js/jquery.datetimepicker.js"></script>
<script type="text/javascript">
	$('#datetimepicker').datetimepicker().datetimepicker({
		value : '2015/04/15 05:03',
		step : 10
	});

	$('#datetimepicker_mask').datetimepicker({
		mask : '9999/19/39 29:59'
	});

	$('#datetimepicker1').datetimepicker({
		datepicker : false,
		format : 'H:i',
		step : 5
	});
	$('#datetimepicker2').datetimepicker({
		yearOffset : 222,
		lang : 'ch',
		timepicker : false,
		format : 'd/m/Y',
		formatDate : 'Y/m/d',
		minDate : '-1970/01/02', // yesterday is minimum date
		maxDate : '+1970/01/02' // and tommorow is maximum date calendar
	});
	$('#datetimepicker3').datetimepicker({
		inline : true
	});
	$('#datetimepicker4').datetimepicker();
	$('#open').click(function() {
		$('#datetimepicker4').datetimepicker('show');
	});
	$('#close').click(function() {
		$('#datetimepicker4').datetimepicker('hide');
	});
	$('#reset').click(function() {
		$('#datetimepicker4').datetimepicker('reset');
	});
	$('#datetimepicker5').datetimepicker(
			{
				datepicker : false,
				allowTimes : [ '12:00', '13:00', '15:00', '17:00', '17:05',
						'17:20', '19:00', '20:00' ]
			});
	$('#datetimepicker6').datetimepicker();
	$('#destroy').click(function() {
		if ($('#datetimepicker6').data('xdsoft_datetimepicker')) {
			$('#datetimepicker6').datetimepicker('destroy');
			this.value = 'create';
		} else {
			$('#datetimepicker6').datetimepicker();
			this.value = 'destroy';
		}
	});
	var logic = function(currentDateTime) {
		if (currentDateTime) {
			if (currentDateTime.getDay() == 6) {
				this.setOptions({
					minTime : '11:00'
				});
			} else
				this.setOptions({
					minTime : '8:00'
				});
		}
	};
	$('#datetimepicker7').datetimepicker({
		onChangeDateTime : logic,
		onShow : logic
	});
	$('#datetimepicker8').datetimepicker({
		onGenerate : function(ct) {
			$(this).find('.xdsoft_date').toggleClass('xdsoft_disabled');
		},
		minDate : '-1970/01/2',
		maxDate : '+1970/01/2',
		timepicker : false
	});
	$('#datetimepicker9').datetimepicker(
			{
				onGenerate : function(ct) {
					$(this).find('.xdsoft_date.xdsoft_weekend').addClass(
							'xdsoft_disabled');
				},
				weekends : [ '01.01.2014', '02.01.2014', '03.01.2014',
						'04.01.2014', '05.01.2014', '06.01.2014' ],
				timepicker : false
			});

	$('#datetimepicker10').datetimepicker({
		step : 5,
		inline : true
	});

	$('#datetimepicker_start_time').datetimepicker({
		startDate : '+1970/05/01'
	});

	$('.form-control2').datetimepicker({
		startDate : '+1970/05/01'
	});

	$('#datetimepicker_unixtime').datetimepicker({
		format : 'unixtime'
	});
	$('#datetimepicker11').datetimepicker({
		hours12 : false,
		format : 'Y-z H:i W',
		step : 1,
		opened : false,
		validateOnBlur : false,
		closeOnDateSelect : false,
		closeOnTimeSelect : false
	});
</script>
</html>